﻿<!DOCTYPE html>
<html>
<head>
	<title>Micro ERP - Home</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

    {% load staticfiles %}
    <!-- bootstrap -->
    <link href="{% static "css/bootstrap/bootstrap.css" %}" rel="stylesheet" />
    <link href="{% static "css/bootstrap/bootstrap-responsive.css" %}" rel="stylesheet" />
    <link href="{% static "css/bootstrap/bootstrap-overrides.css" %}" type="text/css" rel="stylesheet" />

    <!-- libraries -->
    <link href="/static/css/lib/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/lib/font-awesome.css" type="text/css" rel="stylesheet" />

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/elements.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/icons.css" />
    <link rel="stylesheet" href="/static/css/kkpager_blue.css">

    <!-- this page specific styles -->
    <link rel="stylesheet" href="/static/css/compiled/index.css" type="text/css" media="screen" />

    <!-- open sans font -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css' />

    <!-- lato font -->
    <link href='http://fonts.useso.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css' />

    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style type="text/css">
    *{font-family:'Microsoft YaHei';}
    #fm label{ margin-top: 6px; }
    #error_div{color:red}
    #error_div ul{list-style: circle;}
    #error_div ul li{text-align: left;}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
{% block customizedCSS %}
{% endblock %}
<body>
    {% block body %}
        <!-- navbar -->
        <div class="navbar navbar-inverse">
            {% block navbar %}
            <div class="navbar-inner">
                <button type="button" class="btn btn-navbar visible-phone" id="menu-toggler">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="brand" href="/index/"><img src="/static/img/logo-white.png" /></a>

                <ul class="nav pull-right">
                    <li class="hidden-phone">
                        <input class="search" type="text" />
                    </li>
                    <li class="notification-dropdown hidden-phone">
                        <a href="#" class="trigger">
                            <i class="icon-warning-sign"></i>
                            <span class="count">8</span>
                        </a>
                        <div class="pop-dialog">
                            <div class="pointer right">
                                <div class="arrow"></div>
                                <div class="arrow_border"></div>
                            </div>
                            <div class="body">
                                <a href="#" class="close-icon"><i class="icon-remove-sign"></i></a>
                                <div class="notifications">
                                    <h3>You have 6 new notifications</h3>
                                    <a href="#" class="item">
                                        <i class="icon-signin"></i> New user registration
                                        <span class="time"><i class="icon-time"></i> 13 min.</span>
                                    </a>
                                    <a href="#" class="item">
                                        <i class="icon-signin"></i> New user registration
                                        <span class="time"><i class="icon-time"></i> 18 min.</span>
                                    </a>
                                    <a href="#" class="item">
                                        <i class="icon-envelope-alt"></i> New message from Alejandra
                                        <span class="time"><i class="icon-time"></i> 28 min.</span>
                                    </a>
                                    <a href="#" class="item">
                                        <i class="icon-signin"></i> New user registration
                                        <span class="time"><i class="icon-time"></i> 49 min.</span>
                                    </a>
                                    <a href="#" class="item">
                                        <i class="icon-download-alt"></i> New order placed
                                        <span class="time"><i class="icon-time"></i> 1 day.</span>
                                    </a>
                                    <div class="footer">
                                        <a href="#" class="logout">View all notifications</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="notification-dropdown hidden-phone">
                        <a href="#" class="trigger">
                            <i class="icon-envelope-alt"></i>
                        </a>
                        <div class="pop-dialog">
                            <div class="pointer right">
                                <div class="arrow"></div>
                                <div class="arrow_border"></div>
                            </div>
                            <div class="body">
                                <a href="#" class="close-icon"><i class="icon-remove-sign"></i></a>
                                <div class="messages">
                                    <a href="#" class="item">
                                        <img src="/static/img/contact-img.png" class="display" />
                                        <div class="name">Alejandra Galván</div>
                                        <div class="msg">
                                            There are many variations of available, but the majority have suffered alterations.
                                        </div>
                                        <span class="time"><i class="icon-time"></i> 13 min.</span>
                                    </a>
                                    <a href="#" class="item">
                                        <img src="/static/img/contact-img2.png" class="display" />
                                        <div class="name">Alejandra Galván</div>
                                        <div class="msg">
                                            There are many variations of available, have suffered alterations.
                                        </div>
                                        <span class="time"><i class="icon-time"></i> 26 min.</span>
                                    </a>
                                    <a href="#" class="item last">
                                        <img src="/static/img/contact-img.png" class="display" />
                                        <div class="name">Alejandra Galván</div>
                                        <div class="msg">
                                            There are many variations of available, but the majority have suffered alterations.
                                        </div>
                                        <span class="time"><i class="icon-time"></i> 48 min.</span>
                                    </a>
                                    <div class="footer">
                                        <a href="#" class="logout">View all messages</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle hidden-phone" data-toggle="dropdown">
                            Your account
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="personal-info.html">Personal info</a></li>
                            <li><a href="#">Account settings</a></li>
                            <li><a href="#">Billing</a></li>
                            <li><a href="#">Export your data</a></li>
                            <li><a href="#">Send feedback</a></li>
                        </ul>
                    </li>
                    <li class="settings hidden-phone">
                        <a href="base\signin.html" role="button">
                            <i class="icon-share-alt"></i>
                        </a>
                    </li>
                </ul>
            </div>
            {% endblock %}
        </div>
        <!-- end navbar -->

        <!-- sidebar -->
        <div id="sidebar-nav">
            {% block sidebar %}
            <ul id="dashboard-menu">
                    <li class="active">
                        <div class="pointer">
                            <div class="arrow"></div>
                            <div class="arrow_border"></div>
                        </div>
                        <a href="/index/">
                            <i class="icon-home"></i>
                            <span>主页</span>
                        </a>
                        <div class="pointer">
                            <div class="arrow"></div>
                            <div class="arrow_border"></div>
                        </div>
                    </li>
                    <li>
                        <a class="dropdown-toggle" href="#">
                            <i class="icon-signal"></i>
                            <span>财务管理</span>
                             <i class="icon-chevron-down"></i>
                        </a>
                        <ul class="submenu">
                        <li><a href="/fim/list/">交易记录</a></li>
                        <li><a href="#">报表</a></li>
                    </ul>
                    </li>
                    <li>
                    <a class="dropdown-toggle" href="#">
                        <i class="icon-exchange"></i>
                        <span>销售管理</span>
                        <i class="icon-chevron-down"></i>
                    </a>
                    <ul class="submenu">
                        <li><a href="/so/new/">创建订单</a></li>
                        <li><a href="/so/list/">销售记录</a></li>
                        <li><a href="/so/analysis/">数据分析</a></li>
                    </ul>
                </li>
                <li>
                    <a class="dropdown-toggle" href="#">
                        <i class="icon-truck"></i>
                        <span>采购管理</span>
                        <i class="icon-chevron-down"></i>
                    </a>
                    <ul class="submenu">
                        <li><a href="../new-PO.html">创建订单</a></li>
                        <li><a href="../PO-list.html">采购历史</a></li>
                    </ul>
                </li>
                    <li>
                        <a class="dropdown-toggle" href="#">
                            <i class="icon-group"></i>
                            <span>客户管理</span>
                            <i class="icon-chevron-down"></i>
                        </a>
                        <ul class="submenu">
                            <li><a href="/customer/list/" class="active">客户列表</a></li>
                            <li><a href="/customer/new/">添加客户</a></li>
                            <li><a href="user-profile.html">客户订单</a></li>
                        </ul>
                    </li>
                    <li>
                        <a class="dropdown-toggle" href="#">
                            <i class="icon-reorder"></i>
                            <span>商品管理</span>
                            <i class="icon-chevron-down"></i>
                        </a>
                        <ul class="submenu">
                            <li><a href="/product/new/">添加商品</a></li>
                            <li><a href="/product/list/">商品列表</a></li>
                        </ul>
                    </li>
            </ul>
            {% endblock %}
        </div>
        <!-- end sidebar -->
	    <!-- main container -->
       {% block containers %}

        <div class="content">
            {% block content %}
            {% endblock %}
        </div>
     {% endblock %}
    {% endblock %}
	    <!-- scripts -->
        <script src="/static/js/jquery-latest.js"></script>
        <script src="/static/js/bootstrap.min.js"></script>
        <script src="/static/js/jquery-ui-1.10.2.custom.min.js"></script>
        <!-- knob -->
        <script src="/static/js/jquery.knob.js"></script>
        <!-- flot charts -->
        <script src="/static/js/jquery.flot.js"></script>
        <script src="/static/js/jquery.flot.stack.js"></script>
        <script src="/static/js/jquery.flot.resize.js"></script>
        <script src="/static/js/theme.js"></script>
        {% block customizedJS %}
        {% endblock %}

</body>
</html>
